<template>
<!-- 根据配菜清单循环渲染菜品组件 -->
<Dish
    v-for="item in SideDishes"
    :name="item"
    :price="4"
    :picture="picturePath"
    type="sideDish"
    :options="{}"
/>
</template>

<script lang="ts" setup>
//导入菜品组件
import Dish from './common/Dish.vue';
//导入配菜菜单
import {SideDishes} from '../static/menu.json';
//导入图片路径
import picturePath from '../static/dish.png';
</script>

<style lang="scss" scoped>
</style>
